<%@ taglib prefix="c" uri="/WEB-INF/tlds/hdiv-c.tld"%>
<%@ taglib prefix="form" uri="/WEB-INF/tlds/hdiv-spring-form-3_0_4.tld"%>
<%@ taglib uri="/WEB-INF/tlds/hdiv-spring.tld" prefix="spring"%>
<%@ taglib uri="http://displaytag.sf.net" prefix="display"%>
<%@ page contentType="text/form;charset=windows-1252"%>

<c:url value="mostrarHWF4001.html" var="billetesRecontados"/>

<script type="text/javascript">
    function cursor_wait() {
      document.body.style.cursor = 'wait';
    }
     function show_loading(){  
     var loadingAnim = document.getElementById('loading_mostrar');  
     loadingAnim.innerHTML = '<img src="imagenes/logoProcesandoRight.gif" width=' + xx_r + 'height=' + yy_r + 'alt="Procesando" />';  
     loadingAnim.style.display = 'block';      
     }  
    $(document).ready(function(){
        $("#fecProcAperDesde").datepicker();
        $("#fecProcAperHasta").datepicker();
        $("#fecProcAperDesde").change(function(){$(".hideTR").hide();});
        $("#fecProcAperHasta").change(function(){$(".hideTR").hide();});
        $("#tipoCS").change(function(){$(".hideTR").hide();});
        $("#tipoOrig").change(function(){$(".hideTR").hide();});
        $("#tipoPunt").change(function(){$(".hideTR").hide();});
        $("#tipoRepo").change(function(){
            $(".hideTR").hide();
            $("#message").html("");
            $("#message_deno").html("");
            if($(this).val()=='4'){
                $("#opener_deno").show();
            }else{
                $("#opener_deno").hide();
                }
        });
        if($("#tipoRepo").val()==4)$("#opener_deno").show();else $("#opener_deno").hide();        
        $("#denominaciones").dialog({
                modal: true,
                buttons: {
                        Ok: function() {
                            $( this ).dialog( "close" );
                        }
                },
                autoOpen: false                
        });
        $("#opener_deno").click(openWinDeno);
        $("#cuenta").change(function(){
            $("#message").html("");
            $(".hideTR").hide();
            $.getJSON("<c:url value='selecCuenta.html'/>", {accion : "getListTipUnidMone", cuenta: $("#cuenta").val() },function(listTipUnidMone){
                var options = '<option value="">'+'</'+'option>';
                for (var i = 0; i < listTipUnidMone.length; i++) {                    
                    options += '<option value="' + listTipUnidMone[i].codigo + '">' + listTipUnidMone[i].descripcion+'</'+'option>';
                }
                $("#tipUnidMone").html(options);
                $('#tipUnidMone option:first').attr('selected', 'selected');
                if($("#tipUnidMone").val()=="1"||$("#tipUnidMone").val()=="2")$("#opener_um").show();else $("#opener_um").hide();
            });
            if($("#cuenta").val()==2 ) $("#opener_cuenta").show();else $("#opener_cuenta").hide(); 
        });                         
        if($("#cuenta").val()==2)$("#opener_cuenta").show();else $("#opener_cuenta").hide();         
        
        //habilitar y deshabilitar el boton Punto
        $("#tipUnidMone").change(
            function(){ $(".hideTR").hide();$("#message").html("");if(  $("#tipUnidMone").val()!=0 ) $("#opener_um").show();
                        else $("#opener_um").hide(); }
        );                        
        if($("#tipUnidMone").val()!=0)$("#opener_um").show();else $("#opener_um").hide(); 
        $("#opener_cuenta").click(openWinCuenta);
        $("#opener_um").click(openWinUM);
        $("#opener_matriz").click(openWinMatriz);
        $("#opener_punto").click(openWinPunto);
        $("#tipoSelectMat").change(
            function(){$(".hideTR").hide();$("#message").html(""); $("#message_matriz").html("");$("#message_punto").html("");if(  $("#tipoSelectMat").val()==1 ) $("#opener_matriz").show();
                        else $("#opener_matriz").hide(); }
        );                        
        if($("#tipoSelectMat").val()==1)$("#opener_matriz").show();else $("#opener_matriz").hide();         
        
        //habilitar y deshabilitar el boton Punto
        $("#punto").change( function(){$(".hideTR").hide();$("#message").html("");$("#message_matriz").html("");$("#message_punto").html(""); if(  $("#punto").val()==1 ) $("#opener_punto").show(); else $("#opener_punto").hide(); } );                        
        if($("#punto").val()==1)$("#opener_punto").show();else $("#opener_punto").hide(); 
        $("#mostrar").click(function(){
           $("#desCuenta").attr("value",$("#cuenta  option:selected").text()); 
           $("#desTipUnidMone").attr("value",$("#tipUnidMone option:selected").text());
           $("#desTipoPunt").attr("value",$("#tipoPunt option:selected").text());
           $("#despunto").attr("value",$("#punto option:selected").text());
           $("#desTipoOrig").attr("value",$("#tipoOrig option:selected").text());
           $("#desTIpoCS").attr("value",$("#tipoCS option:selected").text());
           $("#desTipoSelectMat").attr("value",$("#tipoSelectMat option:selected").text());
            moveForward("mostrar");           
        });
        $("#mostrarPDF").click(function(){openwin("mostrarReporte")});
        $("#mostrarExcel").click(function(){openwinExcel("verExcel")});
        $("form").submit(function(){
            if($("#cuenta").val()=="0"){
                alert("Ingrese al menos una cuenta");
                $("#control").attr("value","0");                
                return false;
            }
            if($("#tipUnidMone").val()==""){
                alert("Ingrese un tipo de unidad Monetaria");
                $("#control").attr("value","0");
                return false;
            }
            if(validaRangoFechas(document.forms[0].fecProcAperDesde.value,
                                 document.forms[0].fecProcAperHasta.value)==false){
                   $("#fecProcAperHasta").focus();
                   $("#control").attr("value","0");
                   return false
            }  
            
            show_loading();
            setTimeout('show_loading();', 1000);
            cursor_wait() ;
        });
        var validator = $("form").validate({
                          invalidHandler: function() {
                            if(validator.numberOfInvalids()>0)
                                $("#control").attr("value","0");
                          }
                        });
    });
    function siguiente() {
        moveForward('buscarDestino');
        }
    function setChkDenos(codDenoVal){        
        var idChkDeno = "#chkDeno"+codDenoVal;
        $.getJSON("<c:url value='mostrarHWF4001.html'/>",{ accion: "checkDeno", tipUnidMone: $("#tipUnidMone").val(),codDeno: codDenoVal, isChecked: $(idChkDeno).is(':checked')});
    }
    function openWinCuenta(){        
        childWindow=window.showModalDialog('<c:url value="selecCuenta.html" />','selecCuenta',"dialogWidth:520px;dialogHeight:340px;center:yes;status:no;help:yes;resizable:yes");
        if (childWindow) {
            var listTipUnidMone = childWindow.listTipUnidMone;
            var options = '<option value="">'+'</'+'option>';
            for (var i = 0; i < listTipUnidMone.length; i++) {                    
                options += '<option value="' + listTipUnidMone[i].codigo + '">' + listTipUnidMone[i].descripcion+'</'+'option>';
            }
            $("#tipUnidMone").html(options);
            $('#tipUnidMone option:first').attr('selected', 'selected');
            if($("#tipUnidMone").val()=="1"||$("#tipUnidMone").val()=="2")$("#opener_um").show();else $("#opener_um").hide();
        }
    }    

    function openWinUM(){
        $("#message").html("");
        childWindow=window.showModalDialog('<c:url value="selecUnidMone.html" />&tipoUnidMone='+ document.forms[0].tipUnidMone.value+'&cuenta='+$("#cuenta").val(),'selecUM',"dialogWidth:520px;dialogHeight:340px;center:yes;status:no;help:yes;resizable:yes");        
    } 
    function openWinMatriz(){
        $("#message_matriz").html("");$("#message_punto").html("");
        if($("#tipoSelectMat").val()!="1")
            return false;
        childWindow=window.showModalDialog('<c:url value="seleccionarMatriz.html" />','selecMatriz',"dialogWidth:680px;dialogHeight:350px");        
        //if (childWindow.opener == null)childWindow.opener = self;
    }    
        
    function openWinPunto(){
        $("#message_matriz").html("");$("#message_punto").html("");
        var codMatriz;
        var tipoPunto=$("#tipoPunt").val();
        if (tipoPunto=='5'){
            tipoPunto='5,9';
        }
        if($("#tipoSelectMat").val())
            codMatriz = $("#tipoSelectMat").val()
        else
            codMatriz = "0"; 
        $.getJSON("<c:url value='seleccionarMatriz.html'/>",{accion:"hasMatrices",codMatriz:codMatriz},function(hasMatrices){
            if(!hasMatrices)
                alert("Ingrese al menos una Matriz");
            else{
                childWindowPunto=window.showModalDialog('<c:url value="selecPunto.html" />&codMatriz='+ codMatriz+'&tipoPunt='+tipoPunto,'selecPunto',"dialogWidth:680px;dialogHeight:350px");                
            }
        });
    } 
    function openWinDeno(){
        $("#message_deno").html("");$
        if($("#tipoRepo").val()!="4")
                    return false;
        if($("#tipUnidMone").val()==""){
            alert("seleccione Unidad Monetaria.");
            return false;
        }
        childWindowDeno=window.showModalDialog('<c:url value="selectDenominacion.html" />&tipoUnidMone='+ document.forms[0].tipUnidMone.value,'selecDenominacion',"dialogWidth:680px;dialogHeight:400px");        
        //if (childWindowPunto.opener == null)childWindowPunto.opener = self;
    }
    function openwin(accion){
        winwidth='450';
        winheight='920';
        window.open('about:blank', 'window1', 'location=0,directories=0,status=0,scrollbars=1,resizable=1,width='+winwidth+',height='+winheight);      
        var target = 'window1';
        document.forms[0].target = target;        
        document.forms[0].accion.value = accion;
        document.forms[0].submit();        
        }
    
    function openwinExcel(accion){
        //winwidth='450';
        //winheight='920';
        //window.open('about:blank', 'window1', 'location=0,directories=0,status=0,scrollbars=1,resizable=1,width='+winwidth+',height='+winheight);      
        //var target = 'window1';
        document.forms[0].target = "_self";        
        document.forms[0].accion.value = accion;
        document.forms[0].submit();        
        }    
        
        
    </script>
    <script language="JavaScript" src="javascript/HMF2003.js" type=text/javascript></script>
        
<style type="text/css">  
<!-- 
#loading_mostrar {display:none;}  
-->
img{
    border: 0;
}
</style>  

<form:form modelAttribute="form1" action="${billetesRecontados}">
<form:hidden path = "control"/>
<form:hidden path="accion"/>
<form:hidden path="cliente"/>
<form:hidden path="sucursal"/>
<form:hidden path="formulario"/>
<form:hidden path="desCuenta"/>
<form:hidden path="desTipUnidMone"/>
<form:hidden path="desTipoPunt"/>
<form:hidden path="despunto"/>
<form:hidden path="desTipoOrig"/>
<form:hidden path="desTIpoCS"/>
<form:hidden path="desTipoSelectMat"/>

<!--Favoritos:-->
<input type="hidden" id="codOpci" value="${codOpci}"/>
<input type="hidden" id="desOpci" value="${desOpci}"/>

<table id="fullheighttable" width="775px" cellspacing="0" cellpadding="0" align="center">
  <tr>
    <td align="left" valign="top" class="fondo_contenido padtop16left21">
      <table border="0" cellspacing="0" cellpadding="0" class="verdana11bazul" width="775px">
         <tr>
        <td height="22" align="left" valign="top" class="verdana11bazul">
		<ul class="navlist2">
		<li> BILLETES RECONTADOS (Ingresos / Salidas) </li>
		</ul>
        </td>
      </tr>
      <tr>
        <td>
           &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
           &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
           &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
           &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
           &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
           &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
           
           <a href="#" id="opener_agregarFavoritos">
                                <img src="images/agregar_favoritos.png" width="25" height="23" border="0" title="Agregar Favoritos"/></a>
        </td>
      </tr>
         <tr>
             <td align="left" valign="top" class="borde_totalblanco">  
                 <table border="0" cellspacing="0" cellpadding="0">          
          <!-- Muestra el grupo de clientes en caso de coorporaci?n      -->
          <c:if test="${not empty listaClientes}"> 
            <tr>
                <td width="60" height="20" align="left" valign="top" class="verdana10bazul">
                    Grupo Cliente
                </td>
                <td width="412" height="20">                                        
                    <form:select cssStyle="height: 20px; width: 180px; font-family: Arial; font-size: 8pt"
                                path="cli_grupo">
                    <form:option value=""></form:option>
                    <form:options items="${listaClientes}"
                                itemValue="codCliente"
                                itemLabel="nombre"/>
                    </form:select>
                </td>
            </tr>
          </c:if>
          <tr>
            <td width="50%">
                <table cellspacing="4px" cellpadding="4px" border="0">
                    <tr>
                        <td class="verdana10bazul">Cliente</td>
                        <td class="verdana10negro">
                            <c:out value="${sessionScope.nombreCliente}"/>
                        </td>
                    </tr>
                    <tr>
                        <td class="verdana10bazul">Cuenta</td>
                        <td>
                            <table>
                                <tr>
                                    <td>
                                        <form:select cssClass="fondo_txtbox63" cssStyle="height: 20px; width: 180px; font-family: Arial; font-size: 8pt"
                                                     path="cuenta">
                                          <form:option value="1">TODOS</form:option>
                                          <form:option value="2">ALGUNOS</form:option>
                                        </form:select>
                                    </td>
                                    <td>
                                        <a href="#" id="opener_cuenta"><img src="images/search.png" width="17px" height="17px" title="Buscar"/> </a>
                                        

                                        <%--
                                        <ul id="icons" class="ui-widget ui-helper-clearfix">
                                            <li class="ui-state-default ui-corner-all">
                                                <a href="#" id="opener_cuenta" title="Buscar" style="border:0px solid;">
                                                    <span class="ui-icon ui-icon-search" src="images/spacer.gif" width="30px" height="30px"/>
                                                </a>
                                            </li>
                                        </ul>
                                        --%>
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                    <tr>
                        <td class="verdana10bazul">U.M.</td>
                        <td>
                            <table>
                                <tr>
                                    <td>
                            <form:select cssStyle="height: 20px; width: 180px; font-family: Arial; font-size: 8pt"
                                        path="tipUnidMone">                        
                                        <form:option value=""></form:option>
                                        <form:options items="${listadoUnidMone}"
                                                      itemValue="codigo"
                                                      itemLabel="descripcion"/>
                            </form:select>
                            </td>
                            <td style="color:red;">
                            <a href="#" id="opener_um"><img src="images/search.png" width="17px" height="17px" title="Buscar"/></a>
                            <span id="message"><c:out value="${message}"/></span>
                            </td>
                            </tr>
                            </table>
                        </td>
                    </tr>
                    <c:if test="${form1.existeMatriz}">
                    <tr>
                        <td class="verdana10bazul">Matriz</td>
                        <td>                            
                            <table>
                                <tr>
                                    <td>
                            <form:select path="tipoSelectMat" cssStyle="height: 20px; width: 180px; font-family: Arial; font-size: 8pt">
                                <form:option value="0">TODOS</form:option>
                                <form:option value="1">ALGUNOS</form:option>
                            </form:select>
                            </td>
                            <td>
                            <a href="#" id="opener_matriz"><img src="images/search.png" width="17px" height="17px" title="Buscar"/> </a>
                            <span id="message_matriz" style="color:red;"><c:out value="${message_matriz}"/></span>
                            </td>
                            </tr>
                            </table>
                        </td>
                    </tr>
                    </c:if>
                    <tr>
                        <td class="verdana10bazul">Tipo de Punto</td>
                        <td>
                            <table>
                                <tr>
                                    <td>
                                        <form:select path="tipoPunt" cssStyle="height: 20px; width: 180px; font-family: Arial; font-size: 8pt">
                                            <form:option value="0">TODOS</form:option>
                                            <form:options items="${listTipoPuntBillRecont}" itemValue="codigo" itemLabel="descripcion"/>
                                        </form:select>
                                    </td>
                                    <td></td>
                                </tr>
                            </table>
                            
                        </td>
                    </tr>
                    <tr>
                        <td class="verdana10bazul">Punto</td>
                        <td>
                            <table>
                                <tr>
                                    <td>
                            <form:select path="punto" cssStyle="height: 20px; width: 180px; font-family: Arial; font-size: 8pt">
                                <form:option value="0">TODOS</form:option>
                                <form:option value="1">ALGUNOS</form:option>                                
                            </form:select>
                            </td>
                            <td>
                            <a href="#" id="opener_punto"><img src="images/search.png" width="17px" height="17px" title="Buscar"/> </a>
                            <span id="message_punto" style="color:red;"><c:out value="${message_punto}"/></span>
                            </td>
                            </tr>
                            </table>                            
                        </td>
                    </tr>
                </table>
            </td>
            <td valign="top">
                <table cellspacing="4px" cellpadding="4px" border="0">
                    <tr>
                        <td height="20">&nbsp;</td>
                        <td height="20">&nbsp;</td>
                    </tr>
                    <tr>
                        <td class="verdana10bazul">Origen</td>
                        <td>
                            <table>
                                <tr>
                                    <td>
                                        <form:select path="tipoOrig" cssStyle="height: 20px; width: 180px; font-family: Arial; font-size: 8pt">
                                            <form:options items="${listTipoOrigBillRecont}" itemValue="codigo" itemLabel="descripcion"/>
                                        </form:select>
                                    </td>
                                    <td></td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                    <tr>
                        <td class="verdana10bazul">Tipo de CS</td>
                        <td>
                            <table>
                                <tr>
                                    <td>
                                        <form:select path="tipoCS" cssStyle="height: 20px; width: 180px; font-family: Arial; font-size: 8pt">
                                        <form:option value="0">TODOS</form:option>
                                        <form:options items="${listTipoCSBillRecont}" itemValue="codigo" itemLabel="descripcion"/>
                                    </form:select>
                                    </td>
                                    <td></td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                    <tr>
                        <td class="verdana10bazul">Tipo de Reporte</td>
                        <td>
                            <table>
                                <tr>
                                    <td>
                            <form:select path="tipoRepo" cssStyle="height: 20px; width: 180px; font-family: Arial; font-size: 8pt">
                                <form:options items="${listTipoRepoBillRecont}" itemValue="codigo" itemLabel="descripcion"/>
                            </form:select>
                            </td>
                            <td>
                            <a href="#" id ="opener_deno"><img src="images/search.png" width="17px" height="17px" title="Buscar"/> </a>
                            <span id="message_deno"  style="color:red;"><c:out value="${message_deno}"/></span>
                            </td>
                            </tr>
                            </table>
                        </td>
                    </tr>
                </table>
            </td>
          </tr>
          <tr>
            <td colspan="2">
                <table cellspacing="4px" cellpadding="4px">
                    <tr>
                        <td class="verdana10bazul">Fecha Contable</td>
                        <td>
                            <div class="fondo_txtbox90">
                                <form:input maxlength="10" size="12" path="fecProcAperDesde"
                                            cssClass="date required"/>
                            </div>
                        </td>
                        <td class="verdana10bazul">al</td>
                        <td>
                            <div class="fondo_txtbox90">
                                <form:input maxlength="10" size="12" path="fecProcAperHasta"
                                            cssClass="date required"/>
                            </div>
                        </td>
                        <td align="right" width="200px"><input type="button" id="mostrar" value="Mostrar" class="boton"/></td>
                    </tr>
                </table>
                <table width="775" align="center">
                <tr>
                <td colspan="8" align="center">    
                <div id="loading_mostrar"><img id="logoRight" src="imagenes/logoProcesandoRight.gif" alt="Procesando" /></div>  
                </td>
                </tr>
                 <tr>
                <td colspan="8" align="left">    
                    <div id="message_limite_puntos" style="color:red;">${message_limite_puntos}</div>  
                </td>
                </tr>
                 <tr>
                <td colspan="8" align="left">    
                    &nbsp;
                </td>
                </tr>
                </table>
            </td>
          </tr>          
        
        <c:if test="${mostrarResultados}">
        <tr class="hideTR">
            <td width="775px" colspan="2">
                <display:table name="listBillReco" pagesize="10" requestURI="${billetesRecontados}" class="its" style="width:750px;">
                    <display:column property="desPuntOrig" title="Usuario de Servicio"/>
                    <display:column property="numCmpb" title="CS"/>
                    <display:column property="fecProcAper" title="Fecha"/>
                    <display:column property="desTipUnidMone" title="Moneda"/>
                    <display:column property="canValoNomiDouble" title="Deno"/>
                    <display:column property="monDenoDouble" title="Monto"/>
                    <display:column property="piezasDouble" title="Piezas"/>
                    <display:column property="ladrillosDouble" title="Pacas"/>
                </display:table>
            </td>
        </tr>
        </c:if>
        
        <c:if test="${not empty listBillReco}">
        <tr class="hideTR">
            <td colspan="2">
                <table border="0" cellspacing="0" cellpadding="0">
                    <tr>
                        <td height="51" align="left" valign="bottom">
                            <input id="mostrarPDF" type="button" class="boton" value="Generar Reporte"/>
                        </td>
                        <td>&nbsp;</td>
                        <td height="51" align="left" valign="bottom">
                            <input id="mostrarExcel" type="button" class="boton" value="Generar Excel" onclick="javascript:openwinExcel('verExcel');"/>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
        </c:if>
      </table>
             </td>
         </tr>
      </table>
      </td>
      </tr>
      </table>
	  
</form:form> 
<div id="denominaciones" title="Lista de Denominaciones">
    <div id="deno_header">Seleccione las denominaciones para el reporte:</div>
    <table id="deno_content" class="its7" align="center">    
    </table>
</div>